<template>
    <div class="stepWrap">
        <a-tooltip :title="treeKey.value ? '' : '请选择公司'">
            <a-button @click="handCLick" :disabled="!treeKey.value" type="primary" :ghost="true">月度分析报告下载</a-button>
        </a-tooltip>
        <a-modal :visible="visible" title="月度分析报告下载" width="65vw" :footer="false" centered @cancel="handleCancel">
            <div class="modalContentWrap">
                <Steps v-if="visible" :treeList="treeList" :treeKey="treeKey" formType="modal"></Steps>
            </div>
        </a-modal>
    </div>
</template>
<script>
import Steps from '../Steps.vue';
export default {
    name: 'StepBtn',
    components: {
        Steps,
    },
    props: {
        treeList: {
            type: [Object, Array],
            default: () => { return [] }
        },
        treeKey: {
            type: Object,
            default: () => { },
        },
        otherProps: {
            type: Object,
            default: () => ({}),
        }
    },
    data() {
        return {
            visible: false,
        }
    },
    methods: {
        handCLick() {
            this.visible = true;
        },
        handleCancel() {
            this.visible = false;
        },
    },
}
</script>
<style lang="less" scoped>
.stepWrap {}

.modalContentWrap {}

::v-deep {
    .info {
        height: 40vh !important;
    }
}
</style>